<%-- 
    Document   : Examen
    Created on : 4/04/2011, 03:47:28 PM
    Author     : Tavo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<!-- RichFaces tag library declaration -->
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<f:view>
<link rel="stylesheet" href="css/Estilo.css" type="text/css">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>



    </head>
    <body bgcolor="#CCC" >
        <table width="70%" align="center">
            <tr>
                <td class="celdaImagenEncabezado" bgcolor="#003366">
                    <img  src="img/logo-matersys.png" class="imagen"/>
                </td>
                <td class="celdaInfoEncabezado" bgcolor="#003366" align="center" >
                    Espacio de reflexión y conocimiento de las <br>TIC's y la Arquitectura Empresarial
                </td>
            </tr>
            <tr>
                <td  bgcolor="#990000" class="celdaInfoEncabezado">
                <a href="">Home</a>
                </td>
                <td bgcolor="#990000" class="celdaInfoEncabezado">
                   <center><h:outputLabel value="#{BeanLogin.nombre}"  styleClass="fuentePregunta" /></center>
                </td>
            </tr>

            <tr>
                <td colspan="2" bgcolor="#FFF" align="center" >
                    <h:form>
                        <table width="100%">
                        <tr>
                            <td align="left" colspan="3" >
                                <br>
                                <h:outputText  id="idOutPregunta" styleClass="fuentePregunta" style="height :150px;width:90%" value="#{BeanExamen.textoPregunta}"/>
                                <br>
                                <br>
                                <h:graphicImage style="width:95%;"  id="idImagen" value="imagenesCodigos/#{BeanExamen.imagenCodigo}"/>
                                <br>
                                <br>
                            </td>
                        </tr>
                        <tr>
                            <td width="20%" valign="top" align="right">
                                <h:outputText id="idOutSeleccione" styleClass="fuentePregunta" value="Seleccione Opcion(s):"/>
                            </td>
                        
                            <td align="left">
                                <h:selectManyCheckbox id="idcheck" value="#{BeanExamen.itemSeleccionados}" layout="pageDirection" >
                                    <f:selectItems id="lista"  value="#{BeanExamen.itemOpciones}"/>
                                </h:selectManyCheckbox>


                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">

                                <table width="60%" align="center">
                                    <tr>
                                      <td align="center">
                                           
                                        </td>
                                        <td align="center">
                                            <a4j:commandButton style="html" value="Atras" reRender="idOutPregunta,idcheck,lista,idImagen" action="#{BeanExamen.previaPregunta}"/>
                                        </td>
                                        <td align="center">
                                            <a4j:commandButton value="Siguiente" reRender="idOutPregunta,idcheck,lista,idImagen" action="#{BeanExamen.siguientePregunta}"/>
                                        </td>
                                        <td align="center">
                                            <h:commandButton value="Terminar"  actionListener="#{BeanExamen.terminarExamen}">
                                                <f:attribute name="nombreAtributo1" value="#{BeanLogin.email}"/>
                                            </h:commandButton>

                                        </td>
                                    </tr>
                                </table>

                            </td>
                        </tr>
                    </table>
                    </h:form>
                </td>
            </tr>
        </table>
    </body>
</html>
</f:view>